<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>第三方插件说明</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"></head>
  <link rel="stylesheet" href="res/public/highlight/zenburn.css">
  
<body>

  <!-- 面包屑导航 -->
  <ol class="breadcrumb tool_margin_bottom_0 tool_border_radius_0 tool_border_bottom_style">
    <li>
      <a href="index.html">首页</a>
    </li>
    <li class="active">第三方插件说明</li>
  </ol>
  <div class="page_content">
    <div class="page-header">
      <h1>
        第三方插件说明
        <small>plugsDocs.html</small>
      </h1>
    </div>
    <div class="alert alert-warning" role="alert">有些插件商用可能涉及到费用，请到官网查看相关协议</div>
    <div class="alert alert-info" role="alert">关于插件的详细使用说明，请自行参照官网文档</div>
    <p>
      由于本系统使用seajs模块化加载，所以加载第三方插件和正常的引入有所不同。本说明就是针对seajs使用第三方插件的说明。
    </p>
    <h2>Jquery</h2>
    <p>
      jquery由于大面积应用，所以jquery是直接标签引入的，这也是seajs2.3的使用规范。 <strong>所以理论上在使用本系统不包含的其他jquery插件，可以不考虑seajs的模块化加载，也可以使用，但不推荐。推荐全部模块化加载，增加网页加载速度和执行效率。</strong> 
      模块中也不需要引入jquery。
    </p>
    <h2>Zero Clipboard 复制插件</h2>
    <p>本系统已经引入该插件，并配置名字为：zeroClipboard</p>
    <p>
      使用可以参考
      <a href="zeroClipboard.html" data-ajax="true">UI组件-zeroClipboard</a>
    </p>
    <h2>JQuery cookie</h2>
    <div class="highlight">
      <span class="btn_copy">复制</span>
      <pre><code class="javascript hljs ">seajs.use([<span class="hljs-string">'jquery_cookie'</span>], <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(cookie)</span></span>{
  cookie(<span class="hljs-string">"op"</span>, <span class="hljs-string">"1"</span>);   <span class="hljs-comment">//设置key为op 的值为 1</span>
  cookie(<span class="hljs-string">"op"</span>);      <span class="hljs-comment">//取出key为op的值</span>
});</code></pre>
    </div>
    <h2>highlight 代码着色高亮</h2>
    <p>首先引入如下css</p>
    <div class="highlight">
      <span class="btn_copy">复制</span>
      <pre><code class=" hljs nix">&lt;link <span class="hljs-variable">rel=</span><span class="hljs-string">"stylesheet"</span> <span class="hljs-variable">href=</span><span class="hljs-string">"res/public/highlight/zenburn.css"</span>&gt;</code></pre>
    </div>
    <p>由于不是专业代码教程网站，所以用到代码高亮比较少，直接到<a href="http://highlightjs.org/static/test.html" target="_blank">hljs官网demo</a>生成静态代码（在最下面），粘贴到相应位置即可。无需js操作。</p>
    <h2>layer 弹弹出层插件</h2>
    <p>定义模块时，引入‘layer’，还需.layer</p>
    <div class="highlight">
      <span class="btn_copy">复制</span>
      <pre><code class=" hljs javascript">define(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(require, exports, module)</span></span>{
  <span class="hljs-keyword">var</span> layer = <span class="hljs-built_in">require</span>(<span class="hljs-string">"layer"</span>).layer;
});</code></pre>
    </div>
    <p>直接使用</p>
    <div class="highlight">
      <span class="btn_copy">复制</span>
      <pre><code class=" hljs php">seajs.<span class="hljs-keyword">use</span>([<span class="hljs-string">'layer'</span>], <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(myDialog)</span></span>{
  <span class="hljs-keyword">var</span> layer = myDialog.layer;
});</code></pre>
    </div>
    <p>具体使用说明或参数，请参考<a href="http://sentsin.com/jquery/layer/" target="_blank">layer官网</a>文档。</p>
  </div>

  <script>
    seajs.use(['endCopy'], function(endCopy){

      //统一初始化 代码复制
      endCopy.init({btn:'span.btn_copy'});
    });
  </script>
</body>
</html>